<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorator="app/layout/layout">

<body>
	<section layout:fragment="content">

		<div class="container">
 			<form id="mensajForm" th:action="@{/app/login}" role="form"
			class="form-horizontal" method="post">

				<div id="loginPanel" style="display: none; text-align: center;">
	
					<div class="center-block" style="text-align: center;">
						<img align="center" src="/img/logo.png" 
						th:src="@{/img/logo.png}" title="Logo" />
					</div>

					<div class="form-group" align="center">
						<div class="controls"></div>
						<div class="controls"></div>
						<div class="controls"></div>
					</div>
<!-- 					<legend><center>Mensaje de Registro</center></legend>					 -->
 					<div class="bs-example-valida">
						<div class="form-group">
							<div class="alert alert-success">
								<span class="glyphicon glyphicon-hand-right"></span>
								<b>Se  enviar&aacute; un mensaje a la direcci&oacute;n de correo con la que se registr&oacute;
								para recuperar su contrase&ntilde;a, el mensaje puede llegar a la bandeja de entrada o en algunos casos en la bandeja de correo
								no deseado o spam. Haga click en el link de RECUPERAR CONTRASE&Ntilde;A</b>
								<span class="glyphicon glyphicon-thumbs-up"></span>
							</div>
	
							<div class="form-group" style="text-align: center;">
								<div class="col-sm-12 text-center">
									<button class="btn btn-primary" type="submit" >
									Aceptar</button> 
									<br />
								</div>
							</div>
						</div>
 					</div>
				</div>
 			</form>
		</div>
	</section>

	<footer>
		<section layout:fragment="custom-footer">
			<script type="text/javascript">
				// DOM LISTO
				$(document).ready(function(){
			// 		$("#login").on("mouseup",function(){
						if ($("#loginPanel").is(':visible')){
							$(this).attr('type','submit');
						}else{
							$("#loginPanel").toggle('slow');
							$(this).attr('type','button');
						}
			// 		});
				});
			</script>
		</section>
	</footer>
</body>


</html>